{% extends "base.html" %}{% load i18n crm_tags %}
{% block title %}{% translate "Orders" %}{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <h1>{% translate "Orders" %}</h1>
    <p>{% translate "Items callers ordered. Take a new order from the caller’s page. Mobile Money and bank payments are verified automatically from the transaction ID; supervisors verify cash." %}</p>
  </div>
  {% if user.is_supervisor %}<div class="actions"><a class="btn" href="{% url 'deliveries' %}">{% translate "Today’s deliveries" %}</a></div>{% endif %}
</div>

<div class="filters">
  <form method="get" role="search">
    <label class="sr-only" for="oq">{% translate "Search orders" %}</label>
    <input id="oq" type="search" name="q" value="{{ q }}" placeholder="{% translate 'Name, order or parcel ticket number' %}">
    <button class="btn" type="submit">{% translate "Search" %}</button>
  </form>
  <div class="seg" aria-label="{% translate 'Which orders' %}">
    <a href="?show=waiting"{% if show == 'waiting' %} aria-current="true"{% endif %}>{% translate "Waiting for delivery" %}<span class="c">{{ counts.waiting }}</span></a>
    <a href="?show=unverified"{% if show == 'unverified' %} aria-current="true"{% endif %}>{% translate "Payment not verified" %}<span class="c">{{ counts.unverified }}</span></a>
    <a href="?show=delivered"{% if show == 'delivered' %} aria-current="true"{% endif %}>{% translate "Delivered" %}</a>
    <a href="?show=cancelled"{% if show == 'cancelled' %} aria-current="true"{% endif %}>{% translate "Cancelled" %}</a>
    <a href="?show=all"{% if show == 'all' %} aria-current="true"{% endif %}>{% translate "All" %}</a>
  </div>
</div>

{% if page.object_list %}
<div class="table-wrap">
  <table>
    <thead><tr><th>{% translate "Order" %}</th><th>{% translate "Caller" %}</th><th class="hide-sm">{% translate "Items" %}</th><th class="right">{% translate "Total" %}</th><th class="right hide-sm">{% translate "Received" %}</th><th class="hide-sm">{% translate "Deliver on" %}</th><th class="hide-sm">{% translate "Status" %}</th><th class="hide-sm">{% translate "Parcel ticket" %}</th></tr></thead>
    <tbody>
    {% for o in page %}
      <tr>
        <td class="nowrap"><a class="title num" href="{{ o.get_absolute_url }}">{{ o.number }}</a></td>
        <td><a href="{{ o.contact.get_absolute_url }}">{{ o.contact.name }}</a><div class="muted small">{{ o.location }}</div></td>
        <td class="hide-sm small">{% for i in o.items.all %}{{ i.quantity }} × {{ i.name }}{% if not forloop.last %}, {% endif %}{% endfor %}</td>
        <td class="right money"><span class="nowrap">{{ o.total|tzs }}</span><div class="show-sm small {% if o.is_verified %}muted{% else %}esc-note{% endif %}">{{ o.deliver_on|date:"D j M" }}{% if not o.is_verified %}, {% translate "not verified" %}{% endif %}</div></td>
        <td class="right money nowrap hide-sm">{{ o.amount_received|tzs }}{% if o.is_verified %}<div class="small" style="color:var(--spring-deep)">{% translate "verified" %}</div>{% else %}<div class="small esc-note">{% translate "not verified" %}</div>{% endif %}</td>
        <td class="nowrap hide-sm">{{ o.deliver_on|date:"D j M" }}</td>
        <td class="hide-sm"><span class="pill o-{{ o.status }}">{{ o.get_status_display }}</span></td>
        <td class="hide-sm">{% if o.parcel_ticket %}<span class="num">{{ o.parcel_ticket }}</span>{% if o.courier %}<div class="muted small">{{ o.courier }}</div>{% endif %}{% else %}<span class="muted">—</span>{% endif %}</td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% include "_pager.html" %}
{% else %}
<div class="panel empty"><strong>{% translate "No orders here." %}</strong>{% translate "Open a caller’s page and choose “New order” to take one." %}</div>
{% endif %}
{% endblock %}